---
title: カラー
description: 文字色や背景色などに使用するトークンのリスト。
---

## 使い方

```tsx
<Box color="primary" />
```

```tsx
<Box bg="secondary" />
```

## トークン

<TokensPreview token="colors" />

<TokensTable token="colors" />

## セマンティックトークン

<TokensPreview token="colors" semantic />

<SemanticTokensTable token="colors" />
